// import { PropType } from 'vue'
// import {
//   BwStyleAlignItemsEnum,
//   BwStyleCursorEnum,
//   BwStyleDisplayEnum,
//   BwStyleFlexDirectionEnum,
//   BwStyleFontStyleEnum,
//   BwStyleJustifyContentEnum,
//   BwStyleTextAlignEnum,
//   BwStyleTextDecorationEnum,
//   BwStyleBorderStyleEnum,
//   BwStyleBackgroundAttachmentEnum,
//   BwStyleBackgroundRepeatEnum,
//   BwStyleBackgroundSizeEnum,
// } from '../enum'

export const BwStyleActiveBaseProps = {
  /** 宽度 */
  activeWidth: {
    type: [String],
  },

  /** 高度 */
  activeHeight: {
    type: [String],
  },

  /** 显示 */
  activeDisplay: {
    type: [String],
  },

  /** flex-grow */
  activeFlexGrow: {
    type: [Number],
  },

  /** 不透明度 */
  activeOpacity: {
    type: [Number],
  },

  /** 鼠标手势 */
  activeCursor: {
    type: [String],
  },
}

/** 字体相关样式属性 */
export const BwStyleActiveFontProps = {
  /** 字体 */
  activeFontFamily: {
    type: [String],
  },
  /** 字重 */
  activeFontWeight: {
    type: [String, Number],
  },
  /** 字体样式 */
  activeFontStyle: {
    type: [String],
  },
  /** 颜色 */
  activeColor: {
    type: [String],
  },
  /** 字体大小 */
  activeFontSize: {
    type: [String],
  },
  /** 行高 */
  activeLineHeight: {
    type: [String],
  },
  /** 对齐 */
  activeTextAlign: {
    type: [String],
  },
  /** 修饰 */
  activeTextDecoration: {
    type: [String],
  },
}

/** 弹性盒子相关样式属性 */
export const BwStyleActiveFlexProps = {
  /** 主轴方向 */
  activeFlexDirection: {
    type: [String],
  },
  /** 侧轴（纵轴）方向上的对齐方式 */
  activeAlignItems: {
    type: [String],
  },
  /** 主轴上的子元素排列方式 */
  activeAustifyContent: {
    type: [String],
  },
}

/** 外边距相关样式属性 */
export const BwStyleActiveMarginProps = {
  /** 左外边距 */
  activeMarginLeft: {
    type: [String],
  },
  /** 上外边距 */
  activeMarginTop: {
    type: [String],
  },
  /** 右外边距 */
  activeMarginRight: {
    type: [String],
  },
  /** 下外边距 */
  activeMarginBottom: {
    type: [String],
  },
}

/** 内边距相关样式属性 */
export const BwStyleActivePaddingProps = {
  /** 左内边距 */
  activePaddingLeft: {
    type: [String],
  },
  /** 上内边距 */
  activePaddingTop: {
    type: [String],
  },
  /** 右内边距 */
  activePaddingRight: {
    type: [String],
  },
  /** 下内边距 */
  activePaddingBottom: {
    type: [String],
  },
}

/** 边框相关样式属性 */
export const BwStyleActiveBorderProps = {
  /** 边框左 线样式 */
  activeBorderLeftStyle: {
    type: [String],
  },
  /** 边框左 宽度 */
  activeBorderLeftWidth: {
    type: [String],
  },
  /** 边框左 颜色 */
  activeBorderLeftColor: {
    type: [String],
  },
  /** 边框上 线样式 */
  activeBorderTopStyle: {
    type: [String],
  },
  /** 边框上 宽度 */
  activeBorderTopWidth: {
    type: [String],
  },
  /** 边框上 颜色 */
  activeBorderTopColor: {
    type: [String],
  },
  /** 边框右 线样式 */
  activeBorderRightStyle: {
    type: [String],
  },
  /** 边框右 宽度 */
  activeBorderRightWidth: {
    type: [String],
  },
  /** 边框右 颜色 */
  activeBorderRightColor: {
    type: [String],
  },
  /** 边框下 线样式 */
  activeBorderBottomStyle: {
    type: [String],
  },
  /** 边框下 宽度 */
  activeBorderBottomWidth: {
    type: [String],
  },
  /** 边框下 颜色 */
  activeBorderBottomColor: {
    type: [String],
  },
}

/** 圆角相关样式属性 */
export const BwStyleActiveRadiusProps = {
  /** 圆角左上角*/
  activeBorderTopLeftRadius: {
    type: [String],
  },
  /** 圆角右上角*/
  activeBorderTopRightRadius: {
    type: [String],
  },
  /** 圆角左下角*/
  activeBorderBottomLeftRadius: {
    type: [String],
  },
  /** 圆角右下角*/
  activeBorderBottomRightRadius: {
    type: [String],
  },
}

/** 阴影相关样式属性 */
export const BwStyleActiveShadowProps = {
  /** 颜色 */
  activeShadowColor: {
    type: [String],
  },
  /** x轴水平方向偏移量 */
  activeShadowX: {
    type: [String],
  },
  /** y轴竖直方向偏移量 */
  activeShadowY: {
    type: [String],
  },
  /** 阴影模糊半径 */
  activeShadowBlur: {
    type: [String],
  },
  /** 阴影扩展半径 */
  activeShadowSpread: {
    type: [String],
  },
}

/** 背景相关样式属性 */
export const BwStyleActiveBackgroundProps = {
  /** 背景颜色 */
  activeBackgroundColor: {
    type: [String],
  },
  /** 背景图片 */
  activeBackgroundImage: {
    type: [String],
  },
  /** 背景定位 X轴 */
  activeBackgroundPositionX: {
    type: [String],
  },
  /** 背景定位 Y轴 */
  activeBackgroundPositionY: {
    type: [String],
  },
  /** 背景大小 */
  activeBackgroundSize: {
    type: [String],
  },
  /** 背景大小 宽 */
  activeBackgroundSizeWidth: {
    type: [String],
  },
  /** 背景大小 高 */
  activeBackgroundSizeHeight: {
    type: [String],
  },
  /** 背景平铺 */
  activeBackgroundRepeat: {
    type: [String],
  },
  /** 背景固定 */
  activeBackgroundAttachment: {
    type: [String],
  },
}

/** 通用渲染样式属性 */
export const BwStyleActiveProps = {
  ...BwStyleActiveBaseProps,
  ...BwStyleActiveFontProps,
  ...BwStyleActiveFlexProps,
  ...BwStyleActiveMarginProps,
  ...BwStyleActivePaddingProps,
  ...BwStyleActiveBorderProps,
  ...BwStyleActiveRadiusProps,
  ...BwStyleActiveShadowProps,
  ...BwStyleActiveBackgroundProps,
}
